.location {
	display: inline-flex;
	align-items: center;
	font-size: var(--font-size-primary);
	margin-right: 1rem;
}

.home_banner {
	margin: 0 var(--gap);
}

.swiper_banner {
	width: 100%;
	height: 16.8rem;
	border-radius: var(--com-border-radius);
}

.home_banner_img {
	width: 100%;
	height: 100%;
	background: var(--gray);
}

.swiper_tag {
	width: 100%;
}

.swiper_tag .selected {
	font-weight: bold;
	color: #ec5566 !important;
	border-bottom: 2px solid #ec5566;
}

.swiper_tag .swiper-slide {
	color: #aaa;
	font-size: 1.4rem;
	height: 4.0rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
}

.swiper_body {
	height: 100%;
}

.swiper_fragment {
	word-break: break-all;
	overflow: auto;
	width: 100%;
	height: 100%;
}

.top-right-box {
	position: absolute;
	right: var(--gap);
	top: var(--gap);
	display: flex;
}

/* @keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes underline {
	from {
		width: 0;
		left: 50%;
	}

	to {
		width: 60%;
		left: 20%;
	}
} */
